{% extends "./master.tpl" %}
{% block body %}
<div class="row">
	<div class="eight columns panel">
		<h2>Choix des paramètres de jeu</h2>
		<form method="post" action="/newgame" id="new-game-form">
			<div class="row collapse">
			    <div class="three columns">
			    	<span class="prefix"><label for="input_gamename">Nom de partie</label></span>
			    </div>
			    <div class="nine columns">
			        <input name="gamename" id="input_gamename" autofocus="" required="" type="text"/>
			    </div>
			</div>
			<div class="row collapse">
			    <div class="three columns">
			    	<span class="prefix"><label for="input_pseudo">Votre pseudo</label></span>
			    </div>
			    <div class="nine columns">
			        <input name="pseudo" id="input_pseudo" required="" type="text"/>
			    </div>
			</div>
			<div class="row collapse">
			    <div class="four columns">
			    	<div class="row collapse">
			    		<div class="two columns">
			    			<input type="radio" name="privacy" id="public" value="public" checked="checked" required=""/>
			    		</div>
			    		<div class="ten columns">
			    			 <label for="public">Partie publique</label>
			    		</div>
			    	</div>
			    </div>
			    <div class="four columns">
			    	<div class="row collapse">
			    		<div class="two columns">
			    			<input type="radio" name="privacy" id="private" value="private" required=""/>
			    		</div>
			    		<div class="ten columns">
			    			 <label for="private">Partie privée</label>
			    		</div>
			    	</div>
			    </div>
			    <div class="four columns">
			    	<div class="row collapse">
			    		<div class="four columns">
			    			<span class="prefix"><label for="input_nbplayers">Joueurs</label></span>
			    		</div>
			    		<div class="eight columns">
			    			<input type="number" name="nbplayers" id="input_nbplayers" value="2" min="2" max="10" step="1"/>
			    		</div>
			    	</div>
			    </div>
			</div>
			<div class="row collapse">
				<div class="six columns">
					<div class="row collapse">
			    		<div class="six columns">
			    			<span class="prefix"><label for="input_nbrows">Nombre de lignes</label></span>
			    		</div>
			    		<div class="six columns">
			    			<input type="number" name="nbrows" id="input_nbrows" value="5" min="5" max="32" step="1"/>
			    		</div>
			    	</div>
				</div>
				<div class="six columns">
					<div class="row collapse">
			    		<div class="six columns">
			    			<span class="prefix"><label for="nbcolumns">Nombre de colonnes</label></span>
			    		</div>
			    		<div class="six columns">
			    			<input type="number" id="nbcolumns" name="nbcolumns" value="5" min="5" max="32" step="1"/>
			    		</div>
			    	</div>
				</div>
			</div class="row collapse">
				<div class="six columns">
			    	<div class="row collapse">
			    		<div class="two columns">
			    			<input type="radio" name="lang" id="en" value="en" checked="checked" required=""/>
			    		</div>
			    		<div class="ten columns">
			    			 <label for="en">Langue de Shakespear</label>
			    		</div>
			    	</div>
			    </div>
			    <div class="six columns">
			    	<div class="row collapse">
			    		<div class="two columns">
			    			<input type="radio" name="lang" id="fr" value="fr" required=""/>
			    		</div>
			    		<div class="ten columns">
			    			 <label for="fr">Langue de Moliere</label>
			    		</div>
			    	</div>
			    </div>
			<div>
			</div>
			<input class="radius button" id="btn_cree_partie" value="Créer la partie" type="submit" style="float:right;"/>
		</form>
	</div>
	<div class="four columns" style="padding-left:15px; padding-right:0px">
		<div class="panel">
			<img src="/static/img/meme.png" alt="un poulpe qui trolle : vos neurones vont chauffer !" style="width:100%;"/>
			<a class="button radius" style="margin-top:10px;" href="/room">Salle de jeux</a>
		</div>
	</div>
</div>
{% endblock %}
{% block script %}
{% endblock %}